#main {
  height: 100vh;
  width: 100vw;
  min-height: 500px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  overflow: hidden;
}
.big-header {
  contain: strict;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  z-index: 12;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 5rem;
  max-height: 4rem;
  background: -webkit-linear-gradient(left, orange, orangered);
  background: linear-gradient(to right, orange, orangered);
}
.pub_foot {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 2rem;
  max-height: 2rem;
  background: -webkit-linear-gradient(left, orange, orangered);
  background: linear-gradient(to right, orange, orangered);
}
.pub_foot_sub {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  min-height: 2rem;
  max-height: 2rem;
  background: #E4ECF4 ;
}
.pub_main {
  position: absolute;
  left: 0;
  top: 2rem;
  width: 100%;
}
.pub_main .main_center {
  width: 100%;
  background: white;
  height: 12rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.pub_main .main_center span {
  position: relative;
  top: 5rem;
  color: #524848;
}
.pub_main .canlender {
  width: 90%;
  height: 50%;
  position: fixed;
  top: 30%;
  left: 5%;
  border-radius: 1rem;
  background-color: white;
  text-align: center;
}
.pub_main .canlender .title {
  width: 100%;
  height: 14%;
  margin: 3% 0 0 0;
}
.pub_main .canlender .title .center {
  position: relative;
  top: 20%;
}
.pub_main .canlender .title .center span {
  font-size: medium;
  font-weight: bold;
}
.pub_main .canlender .month {
  width: 100%;
  height: 80%;
}
.pub_main .canlender .month div {
  height: 18%;
  margin-top: 4% ;
  width: 100%;
}
.pub_main .canlender .month div div {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 20%;
  margin-left: 3%;
  margin-right: 3%;
  border: 2px solid #d5d5d9;
  height: 100%;
  border-radius: 15%;
  text-align: center;
}
.pub_main .canlender .month div div span {
  font-size: small;
  font-weight: bold;
  position: relative;
  top: 20%;
  left: 20%;
}
.pub_main .canlender .month div .hight {
  background-color: #ffa115;
}
.pub_main .canlender .month div .hight span {
  color: #ebebf0;
}
.pub_main .textarea_body {
  width: 100%;
  height: 12rem;
  background: #efeff4;
  text-align: center;
}
.pub_main .textarea_body .textarea {
  font-size: small;
  font-weight: bold;
  letter-spacing: 1px;
  text-align: center;
}
.pub_main .textarea_body .textarea_big {
  width: 90%;
  height: 95%;
  border: none;
  margin-top: 5%;
  border-radius: 5px;
}
.pub_main .textarea_body span {
  font-size: smaller;
  font-weight: bold;
  position: relative;
  top: -1rem;
  color: #6d6d72;
}
.pub_main .textarea_body .warn {
  margin-top: 2rem;
  text-align: center;
  color: #ff5306;
  font-size: small;
  font-weight: bold;
}
.pub_main .introduce {
  width: 100%;
}
.pub_main .introduce .bigcell {
  min-height: 3.5rem;
  max-height: 3.5rem;
  border-bottom: 1px solid lightgray;
  background: white;
  font-family: "Microsoft YaHei";
  text-align: left;
}
.pub_main .introduce .bigcell .smallSpan {
  text-align: left;
  font-size: x-small;
  letter-spacing: 1px;
  margin-top: 5px;
  font-weight: bold;
  color: #6d6d72;
}
.pub_main .introduce .bigcell .bigSpan {
  text-align: left;
  letter-spacing: 1px;
  font-size: smaller;
  font-weight: bolder;
}
.pub_main .introduce .bigcell .rightSpan {
  float: right;
  font-size: xx-small;
  font-weight: bolder;
  position: relative;
  top: 10px;
  color: #6d6d72;
}
.pub_main .introduce .warncell {
  min-height: 3.5rem;
  max-height: 3.5rem;
  border: none;
  background: #efeff4;
  text-align: center;
}
.pub_main .introduce .warncell span {
  text-align: center;
  color: #ff5306;
  font-size: small;
  font-weight: bold;
}
.pub_main .mui-content {
  background: #EFEFF4;
}
.pub_main .mui-content .marrow {
  background: #EFEFF4;
}
.pub_main .mui-content .marrow .basicCell {
  background: white;
  height: 2.5rem;
}
.pub_main .mui-content .marrow .basicCell .bigSpan {
  position: absolute;
  top: 30%;
  font-size: medium;
  font-weight: bold;
}
.pub_main .mui-content .marrow .basicCell .span_right {
  position: absolute;
  right: 2rem;
}
.pub_main .mui-content .marrow .basicCell .span_right input {
  width: 5rem;
  border: none;
  text-align: right;
  font-size: small;
}
.pub_main .mui-content .marrow .basicCell .span_small {
  font-weight: bold;
  font-size: small;
  color: #929292;
}
.pub_main .mui-content .marrow .basicCell .span_xsmall {
  font-size: x-small;
  position: absolute;
  right: 1rem;
  top: 30%;
}
.pub_main .mui-content .marrow .basicCell .bedspan_l {
  font-size: smaller;
  font-weight: bolder;
  color: #6d6d72;
  position: absolute;
  left: 10px;
}
.pub_main .mui-content .marrow .basicCell .bedspan_m {
  font-size: smaller;
  font-weight: bolder;
  color: #6d6d72;
  position: absolute;
  left: 40%;
}
.pub_main .mui-content .marrow .basicCell .bedspan_r {
  font-size: smaller;
  font-weight: bolder;
  color: #6d6d72;
  position: absolute;
  right: 10px;
}
.pub_main .mui-content .marrow .cirli {
  text-align: center;
  border-radius: 1.5rem;
  width: 90%;
  margin: 0.5rem 0  0.5rem 0;
  height: 90% ;
  position: relative;
  left: 5%;
  border: none;
  box-shadow: 2px 2px 3px #6d6d72;
}
.pub_main .mui-content .marrow .nonebed {
  font-size: smaller;
  font-weight: bold;
  color: #8f8f94;
}
.pub_main .mui-content .marrow .infraCell {
  background: white;
  height: 2rem;
}
.pub_main .mui-content .marrow .infraCell .span_left {
  position: absolute;
  top: 20%;
  font-size: small;
  font-weight: bolder;
}
.pub_main .mui-content .marrow .infraCell .span_left input {
  border: none;
}
.pub_main .mui-content .marrow .infraCell .se_span {
  font-size: x-small;
  font-weight: bold;
}
.pub_main .mui-content .marrow .infraCell .bigfont {
  font-size: medium;
}
.pub_main .mui-content .marrow .infraCell .little {
  font-size: xx-small;
  color: darkgrey;
}
.pub_main .mui-content .marrow .infraCell .span_medio {
  position: absolute;
  top: 20%;
  margin-left: 3rem;
  font-size: small;
  font-weight: bolder;
}
.pub_main .mui-content .marrow .infraCell .span_medio input {
  border: none;
  width: 5rem;
  height: 1rem;
  font-size: x-small;
}
.pub_main .mui-content .marrow .infraCell .span_right {
  position: absolute;
  top: 20%;
  right: 1rem;
  font-size: small;
  font-weight: bolder;
  color: #656565;
}
.pub_main .mui-content .marrow .infraCell .span_right span {
  width: 4rem;
  text-align: right;
}
.pub_main .mui-content .marrow .infraCell .span_right input {
  border: none;
  width: 6rem;
  height: 1rem;
  font-size: small;
  text-align: right;
}
.pub_main .mui-content .marrow .infraCell .top20 {
  top: 15%;
}
.pub_main .mui-content .marrow .infraCell .top40 {
  top: 40%;
  font-size: xx-small;
  color: darkgrey;
}
.pub_main .mui-content .marrow .infraCell .lit_grey {
  font-size: xx-small;
  color: darkgrey;
}
.pub_main .mui-content .marrow .infraCell .top60 {
  top: 70%;
  font-size: medium;
  color: orange;
}
.pub_main .mui-content .marrow .infraCell .orange {
  color: #ff9115;
}
.pub_main .mui-content .marrow .infraCell .bigright {
  top: 35%;
  font-size: x-large;
}
.pub_main .mui-content .marrow .infraCell .span_width {
  width: 5rem;
  text-align: right;
}
.pub_main .mui-content .marrow .infraCell .samll {
  font-size: small;
}
.pub_main .mui-content .marrow .infraCell .infra_check {
  width: 16px;
  height: 16px;
}
.pub_main .mui-content .marrow .settlecell {
  height: 4rem;
}
.pub_main .mui-content .marrow .groupCell {
  height: 2rem;
  font-size: larger;
  font-weight: bold;
  margin: 0;
  color: #929292;
}
.pub_main .mui-content .marrow .groupCell .small {
  font-size: x-small;
}
.pub_main .mui-content .marrow .center {
  text-align: center;
}
.pub_main .mui-content .marrow .textcell {
  width: 90%;
  text-align: center;
  position: absolute;
  left: 5%;
}
.pub_main .mui-content .marrow .textcell .bigspan {
  font-size: medium;
  font-weight: bold;
  margin: 1rem 0 1rem 0;
}
.pub_main .mui-content .marrow .textcell .smallspan {
  font-size: xx-small;
  color: #8f8f94;
  font-weight: bold;
}
.pub_main .mui-content .marrow .small {
  font-size: medium;
}
.pub_main .mui-content .marrow .big {
  height: 3rem;
}
.pub_main .mui-content .marrow {
  margin-bottom: 2rem;
}
.pub_main .mui-content .margin_0 {
  margin-bottom: 0;
}
.pub_main .mui-content .rem1_margin {
  margin-bottom: 1rem;
}
.pub_main .mui-content .diulei .mui-collapse div {
  text-align: center;
}
.pub_main .mui-content .diulei .mui-collapse div p {
  margin: 0rem;
  padding: 0rem;
  font-size: xx-small;
  font-weight: bold;
  height: 1.5rem;
  width: 100%;
  border-radius: 5px;
  position: relative;
  color: black;
}
.pub_main .mui-content .diulei .mui-collapse div p .span_0 {
  position: absolute;
  left: 10px;
}
.pub_main .mui-content .diulei .mui-collapse div p .span_40 {
  position: absolute;
  left: 27%;
}
.pub_main .mui-content .diulei .mui-collapse div p .span_45 {
  position: absolute;
  left: 47%;
}
.pub_main .mui-content .diulei .mui-collapse div p .span_65 {
  position: absolute;
  left: 67%;
}
.pub_main .mui-content .diulei .mui-collapse div p .span_100 {
  position: absolute;
  right: 10px;
}
.pub_main .mui-content .diulei .mui-collapse div .pwhite {
  background-color: white;
}
.pub_main .mui-content .diulei .mui-collapse a {
  font-size: small;
  font-weight: bold;
}
.pub_main .mui-content .center {
  text-align: center;
}
.pub_main .main_body {
  width: 100%;
  background: white;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.pub_main .main_body .content {
  position: relative;
  left: 0;
  top: 3rem;
  width: 100%;
  border-top: 1rem solid #EFEFF4;
}
.pub_main .main_body .content .bigcell {
  min-height: 3.5rem;
  max-height: 3.5rem;
  border-bottom: 1px solid lightgray;
  background: white;
  font-family: "Microsoft YaHei";
  text-align: left;
}
.pub_main .main_body .content .bigcell .smallSpan {
  text-align: left;
  font-size: x-small;
  letter-spacing: 1px;
  margin-top: 5px;
  font-weight: bold;
}
.pub_main .main_body .content .bigcell .bigSpan {
  text-align: left;
  letter-spacing: 1px;
  font-weight: bolder;
}
.pub_main .main_body .content .bigcell .rightSpan {
  float: right;
  font-size: xx-small;
  font-weight: bolder;
  position: relative;
  top: 10px;
}
.pub_main .main_body .top_1rem {
  top: 1rem;
}
.pub_main .main_body .bk_content {
  position: relative;
  left: 0;
  top: 3rem;
  width: 100%;
  border-top: 1rem solid #efeff4;
  height: 5rem;
  background: rgba(239, 239, 244, 0.22);
}
.pub_main .main_body .bk_content span {
  font-weight: bold;
  font-size: smaller;
}
.pub_main .main_body .bk_content .orange {
  color: orange;
}
.pub_main .main_body .bk_content .spanCheck {
  width: 12px;
  height: 12px;
  border: 2px solid grey;
}
.pub_main .title_type1 {
  position: absolute;
  left: 20px;
  top: 1rem;
  width: 80%;
  font-size: larger;
}
.pub_main .title_type2 {
  position: absolute;
  left: 0;
  top: 12rem;
  width: 100%;
  font-size: larger;
  overflow: hidden;
}
.pub_main .title_type2 .title_span {
  position: relative;
  left: 30px;
}
.pub_main .title_type2 .house_varity {
  margin-top: 20px;
  width: 100rem ;
  background: white;
  min-height: 2.5rem;
  max-height: 2.5rem;
}
.pub_main .title_type2 .house_varity input {
  border: none;
}
.pub_main .content {
  position: absolute;
  left: 0;
  top: 3rem;
  width: 100%;
}
.pub_main .content .mui-table-view-cell {
  min-height: 3.5rem;
  max-height: 3.5rem;
  font-family: "Microsoft YaHei";
  border-bottom: 1px solid lightgray;
  background: white;
}
.pub_main .content .mui-table-view-cell .small {
  font-size: small;
  letter-spacing: 1px;
  margin-top: 10px;
  font-weight: bold;
  color: #868080;
}
.pub_main .content .mui-table-view-cell .big {
  font-size: large;
  letter-spacing: 4px;
  font-weight: bolder;
}
.pub_main .content .mui-table-view-cell .cell-radio {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(82, 72, 72, 0.97);
  border-radius: 10px;
  position: relative;
  top: 10px;
  float: right;
}
.pub_main .main_map {
  width: 100%;
  background: whitesmoke;
  height: 13rem;
}
.pub_main .pub_location .pub_location_title {
  width: 80%;
  height: 1.5rem;
  background: #efeff4;
  margin: 5px 0 5px 20px;
}
.pub_main .pub_location .location_content {
  background-color: white;
}
.pub_main .pub_location .location_content .mui-content {
  background-color: white;
}
.pub_main .pub_location .location_content .mui-content .mui-row .mui-table-view-cell {
  min-height: 2.5rem;
  max-height: 2.5rem;
  font-family: "Microsoft YaHei" ! important;
}
.pub_main .pub_location .location_content .mui-content .mui-row .mui-table-view-cell .location_input {
  border: none;
  font-weight: bolder;
  width: 80%;
}
.pub_main .pub_location .location_content .mui-content .mui-row .mui-table-view-cell .halfinput {
  width: 45%;
}
.pub_main .pub_location .location_content .mui-content .mui-row .mui-table-view-cell input::-webkit-input-placeholder {
  color: #ababab;
  opacity: 1;
}
.pub_main .pub_location .span_label {
  margin: 10px 0 10px 30px;
  font-weight: bold;
  font-size: smaller;
}
.pub_main .addimg-big {
  overflow: hidden;
  width: 100%;
  background: whitesmoke;
  height: 13rem;
  text-align: center;
}
.pub_main .addimg-big .title {
  margin-top: 3rem;
  color: #929292;
}
.pub_main .addimg-big .button_div {
  color: #221d32;
  width: 100%;
  position: fixed;
  top: 13rem;
}
.pub_main .addimg-big .button_div span {
  font-size: small;
  height: 1.5rem;
}
.pub_main .addimg-big .button_div input {
  border: none;
  font-size: small;
  font-weight: bold;
  width: 80%;
  height: 1.5rem;
}
.pub_main .addimg-big .addimg_shu {
  width: 100%;
  height: 100%;
  -webkit-transition: 800ms;
  transition: 800ms;
}
.pub_main .addimg-big .addimg_heng {
  width: 100%;
  height: 100%;
  -webkit-transition: 800ms;
  transition: 800ms;
}
.pub_main .addimg-sma {
  width: 100%;
  height: auto ;
}
.pub_main .addimg-sma .addimg_div {
  width: 3rem;
  height: 3rem;
  background: white;
  margin: 0.5rem;
  border-radius: 2px;
  text-align: center;
  font-size: larger;
  float: left;
}
.pub_main .addimg-sma .addimg_div span {
  margin-top: 1rem;
}
.pub_main .addimg-sma img {
  width: 3rem;
  height: 3rem;
  margin: 0.5rem;
  border-radius: 2px;
}
.pub_main .addimg-rule {
  float: none;
  text-align: center;
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.pub_main .addimg-rule .orange {
  color: orange;
  font-size: small;
  font-weight: bolder;
}
.pub_main .bounce_mask {
  background: white;
  width: 80%;
  height: 80%;
  position: fixed;
  top: 10%;
  left: 10%;
  border-radius: 20px;
}
.pub_main .bounce_mask .mask_top {
  width: 100%;
  height: 85%;
  margin-top: 20px;
}
.pub_main .bounce_mask .mask_top h2 {
  font-size: larger;
  text-align: center;
}
.pub_main .bounce_mask .mask_top .red {
  font-size: xx-small;
  color: red;
}
.pub_main .bounce_mask .mask_top p {
  margin: 5px  20px 5px 20px ;
  color: #4c4c51;
  font-size: small;
  font-weight: bold;
}
.pub_main .bounce_mask .mask_bottom {
  width: 90%;
  height: 10%;
  position: absolute;
  left: 5%;
  border-top: 1px solid orange;
  text-align: center;
}
.pub_main .bounce_mask .mask_bottom span {
  color: orange;
  margin-top: 1rem;
}
.pub_main .mui-slider .mui-slider-group .mui-slider-item .sliderBody {
  height: 15rem;
  width: 100%;
  text-align: center;
}
.pub_main .mui-slider .mui-slider-group .mui-slider-item .sliderBody .sliderTitle {
  margin: 2.5rem 0 1rem 0;
  font-size: x-large;
}
.pub_main .mui-slider .mui-slider-group .mui-slider-item .sliderBody .sliderSmall {
  font-size: smaller;
  font-weight: bold;
  margin-bottom: 2rem;
  letter-spacing: 1px;
}
.pub_main .mui-slider .mui-slider-group .mui-slider-item .sliderBody .sliderSmaller {
  font-size: smaller;
  color: #929292;
  font-weight: bold;
  letter-spacing: 2px;
}
.pub_main .mui-slider .mui-slider-group .mui-slider-item .sliderBody .sliderpoint span {
  width: 12px;
  height: 12px;
  background: grey;
  border-radius: 6px;
  margin: 2rem 1rem 0 1rem;
}
.pub_main .mui-slider .mui-slider-group .mui-slider-item .sliderBody .sliderpoint .orange {
  background: orange;
}
.pub_main .mui-slider .mui-slider-group .mui-slider-item .sliderBody .sliderpoint .toimgbtn {
  margin-top: 2rem;
  width: 3rem;
}
.pub_5rem {
  position: absolute;
  top: 5rem;
}
